<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- 理想视口 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

  <!-- 基础样式，包含  头部  搜索框  底部 -->
  <link rel="stylesheet" href="./css/base.css">

  <!-- 页面样式 ， 头尾、搜索框样式已包含在base文件中-->
  <link rel="stylesheet" href="./css/index.css">

  <title>mmm</title>
</head>
<body>


  <!-- header 头部 -->
  <header>
    <h1>
      <a class="header_return " href="/mmm/index.html">
        <img src="./images/header_logo.png" alt="">
      </a>
    </h1>

    <a href="javascript:;">
      <img src="./images/header_app.png" alt="">
    </a>

  </header>

  <!-- search 搜索框 -->
  <section class="mmm_search">
    <form action="#">
      <input class="search_inp" type="search" placeholder="请输入你想比价的商品">
      <input class="search_submit" type="button" value="搜索">
    </form>
  </section>


  <!-- nav导航 -->
  <nav class="mmm_nav">
    <ul>
      <!-- navTmp模板 -->
    </ul>
  </nav>


  <!-- 推荐  recommend -->
  <section class="mmm_recommend">
    <!-- bar -->
    <div class="recommend_bar">
      <span class="bar_title">超值折扣推荐</span>
      <a href="./views/moneyctrl.html" class="bar_more"></a>
    </div>

    <!-- list -->
    <div class="recommend_list">
      <!-- item tmp -->
      
    </div>

  </section>

 


  <!-- footer 底部 -->
  <footer>
    <div class="footer_nav">
      <a href="./views/login.html">登录</a>
      <a href="./views/register.html">注册</a>
      <a class="toTOP" href="javascript:;">返回顶部</a>
    </div>
    <div class="footer_app">
      <a href="javascript:;">手机app下载</a>
      <a href="javascript:;">慢慢买手机版</a>
      <span class="tips"> -- 掌上比价平台</span>
    </div>
    <div class="footer_com">m.manmanbuy.com</div>

  </footer>
  




<!-- zepto -->
<script src="./lib/zepto/dist/zepto.min.js"></script>
<!-- zepto动画 -->
<script src="./lib/zepto/dist/fx.js"></script>
<script src="./lib/zepto/dist/fx_methods.js"></script>
<!-- jquery -->
<script src="./lib/jquery/jquery.min.js"></script>
<!-- art-template模板 -->
<script src="./lib/art-template/template-web.js"></script>

<!-- base文件中包含响应式字体设置等方法 -->
<script src="./js/base.js"></script>


<!-- 页面对应的js -->
<script src="./js/index.js"></script>



</body>
</html>

<!-- nav模板 -->
<!-- each 某个数组 val( 数组中的每一项 )  index( 索引 ) -->
<script type="text/template" id="navTmp">
  {{ each result }}
  <li>
      <a href="views/{{ $value.titlehref }}">
          {{@ $value.img }}
          <p>{{ $value.name }}</p>
      </a>
  </li>
  {{ /each }}
</script>


<!-- recommend_list -->
<script type="text/template" id="recommendTmp">

  {{each result as value key}}
  <a href="./views/moneyctrlproduct.html?id={{value.productId}}" class="list_item">
      <!-- <input type="hidden" value="{{value.productId}}"> -->
      <div class="item_pic">
        {{@ value.productImgSm }}
        <!-- <img src="./images/201610001412282758.jpg" alt=""> -->
      </div>
      <div class="item_content">
        <div class="detail">
          <p class="title">{{value.productName}}</p>
          <p class="price">{{value.productPinkage}}</p>
        </div>
        <div class="tips">
          <span class="time">{{value.productFrom}} | {{value.productTime}}</span>
          <div class="msg">
            <img src="./images/msg.png" alt="">
            
            <span class="num">{{value.productComCount}}</span>
          </div>
        </div>
        

      </div>
    </a>

    {{/each}}

</script>


